<template>
  <div>
    <swiper :list="demo01_list" dots-position="center" height="150px" :auto="isAuto"></swiper>
  </div>
</template>

<script>
import { Swiper } from 'vux'
const baseList = [
  {
    url: 'javascript:',
    img: './static/img/find/faxian-2.png'
  },
  {
    url: 'javascript:',
    img: './static/img/find/faxian-3.png'
  },
  {
    url: 'javascript:',
    img: './static/img/find/faxian-3.png'
  }
]
export default {
  components: {
    Swiper
  },
  ready () {},
  methods: {
    onSwiperItemIndexChange (index) {
      console.log('demo item change', index)
    }
  },
  data () {
    return {
      demo01_list: baseList,
      isAuto: true
    }
  }
}
</script>

<style lang="less" scoped>
</style>
